<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表下的规格数据</title>
    <link href="../../lib/layui-v2.6.3/css/layui.css" media="all" rel="stylesheet">
    <link href="../../css/public.css" media="all" rel="stylesheet">
    <link href="../../css/diy/form1.css" rel="stylesheet">
    <script src="../../lib/layui-v2.6.3/layui.js"></script>
    <script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
    <style type="text/css">
        #AllcommotitySpecsDiv {
            background-color: #FFFFFF;
            border-radius: 10px;
            position: relative;
            left: 80px;
            width: 900px;
            height: auto;
        }
    </style>
</head>
<body>
<div id="AllcommotitySpecsDiv">
    <table class="layui-table" id="AllcommotitySpecsTable"></table>
</div>
<script>
    layui.use('table', function () {
        var table = layui.table;
        table.render({
            elem: '#AllcommotitySpecsTable'
            , width: 750
            , height: 460
            , method: 'get'
            , title: '商品数据表'
            , page: false //开启分页
            , url: '/querywhereSpercs'
            , cols: [[
                {field: 'id', title: '编号', width: 80, sort: true}
                , {field: 'c_sku', title: '规格值', width: 250}
                , {field: 'prices', title: '价格', width: 250}
                , {field: 'stocks', title: '库存', width: 150, sort: true}
            ]]
        });
    })
</script>
</body>
</html>